<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>重点关注-管体缺陷仪表板</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/static/js/plugin/select2/css/select2.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/js/pbf/flawStat.js"></script>
    <script type="text/javascript" src="${resourcePath}/js/html2canvas.js" ></script>
    <script type="text/javascript" src="${resourcePath}/js/comm/comUtil.js" ></script>
    <script type="text/javascript">
        var _path="${pageContext.request.contextPath}";
    </script>
</head>
<body>
    <!-- content-body -->
    <div class="main-inner">
        <div class="xyf-toggle-form-div">
            <span><i class="zy-zhongdian-icon"></i>重点关注</span>查询条件<i class="xyf-toggle-form-icon"></i>
        </div>
        <div class="content-inner">
            <div class="zy-pick-line">
                <div class="zy-form-line">
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta"><i class="zy-requird-icon"></i>管道名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_pipeline" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-30">
                        <div class="zy-input-meta">管段名称</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_segment" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">起点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_begin" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="zy-sp"></div>
                    <div class="zy-input-group w-15">
                        <div class="zy-input-meta">终点位置</div>
                        <div class="zy-select-inner">
                            <blockquote id="JQ_end" class="bk-select"></blockquote>
                        </div>
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="zy-form-line">
                    <button id="JQ_search_btn_01" class="zy-button zy-search" type="button"><i class="zy-search-icon"></i>查询</button>&nbsp;&nbsp;&nbsp;&nbsp;
                    <button id="JQ_export_btn_01" class="zy-button zy-export exportfocusPdf" type="button"><i class="zy-export-icon"></i>导出</button>
                </div>
            </div>
            <div class="zy-table" id="JQ_focus_on_panel">
                <div class="zy-focus-table">
                    <div>
                        <dl class="zy-focus-dl w-80">
                            <dt><i class="zy-focus-icon-jsss"></i></dt>
                            <dd class="f16 fwb">-</dd>
                            <dd class="f12 c-78">重点关注缺陷类型</dd>
                        </dl>
                    </div>
                    <div>
                        <dl class="zy-focus-dl w-50">
                            <dt><i class="zy-count-icon"></i></dt>
                            <dd class="f16 fwb">-</dd>
                            <dd class="f12 c-78">数量</dd>
                        </dl>
                    </div>
                    <div>
                        <dl class="zy-focus-dl w-75">
                            <dt><i class="zy-size-icon"></i></dt>
                            <dd class="f16 fwb">-</dd>
                            <dd class="f12 c-78">所占总缺陷比例</dd>
                        </dl>
                    </div>
                    <div>
                        <dl class="zy-focus-dl w-75">
                            <dt><i class="zy-repair-icon"></i></dt>
                            <dd class="f16 fwb c-fb">-</dd>
                            <dd class="f12 c-fb">立即维修缺陷</dd>
                        </dl>
                    </div>
                </div>
            </div>
            <div class="zy-table">
                <div class="zy-statictable">
                    <div class="thead">
                        <span style="width: 16%">缺陷类型</span>
                        <span style="width: 12%">ERF≥1</span>
                        <span style="width: 12%">立即维修</span>
                        <span style="width: 12%">已维修</span>
                        <span style="width: 12%">正在维修</span>
                        <span style="width: 12%">难以维修</span>
                        <span style="width: 12%">未维修</span>
                        <span style="width: 12%">待换管</span>
                    </div>
                    <div id="JQ_focus_on_table" class="tbody">
                        <p>
                            <span style="width: 16%">金属损失</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                        <p>
                            <span style="width: 16%">凹陷</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                        <p>
                            <span style="width: 16%">焊缝异常</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                        <p>
                            <span style="width: 16%">椭圆变形</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                        <p>
                            <span style="width: 16%">类裂纹</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                        <p>
                            <span style="width: 16%">损伤</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                            <span style="width: 12%">-</span>
                        </p>
                    </div>
                </div>
            </div>
            <div class="zy-table">
                <div class="zy-table-txt">
                    <p>立即维修及ERF ≥ <span id="JQ_erf_erf"></span>的缺陷总个数：<span id="JQ_erf_num" class="zy-orange-txt"></span>个</p>
                    <p>深度 ≥ <span id="JQ_depth_erf"></span> 且位于高后果区 <span id="JQ_depth_level"></span> 地区的凹陷总个数： <span id="JQ_depth_num" class="zy-orange-txt"></span>个</p>
                    <p>ERF ≥ <span id="JQ_area_erf"></span> 且位于高后果区 <span id="JQ_area_level"></span> 地区金属损失总个数： <span id="JQ_area_num" class="zy-orange-txt"></span>个</p>
                    <p>长 ≥ <span id="JQ_length_length"></span>(mm) 宽 ≥ <span id="JQ_length_width"></span>(mm) 且位于高后果区 <span id="JQ_length_area_level"></span> 地区的焊缝异常总个数： <span id="JQ_length_num" class="zy-orange-txt"></span>个</p>
                </div>
            </div>
        </div>
    </div>
    <!-- ui -->
    <script src="${pageContext.request.contextPath}/static/js/ui/ui-main.js"></script>
    <!-- base -->
    <script src="${pageContext.request.contextPath}/static/js/controller/base/base.controller.js"></script>
    <!-- api -->
    <script src="${pageContext.request.contextPath}/static/js/controller/api/defect.api.js"></script>
    <!-- controller -->
    <script src="${pageContext.request.contextPath}/static/js/controller/defect/dashboard/focusOn.controller.js"></script>
    <script src="${resourcePath}/tags/reportforms/build/dist/echarts.js"></script>
    <script src="${resourcePath}/tags/reportforms/JS/picECharts.js"></script>
</body>
</html>